/*
Theme Name: webochronik
Author: Steff
*/

/*---------------------------GESTION PAGE WEB----------------------------*/
body{font-family: Lucida Grande, Arial, Helvetica, Sans-serif;font-size: 0.8em;text-align: left;
color: #FFA500;margin: 0;background: #C0C0C0 url(images/main-bg2.png);background-repeat: repeat-x}
a {color: #000;text-decoration: none;}
a:hover {color: #FFA500;text-decoration: none;}
.wrapf {margin: 0 auto;width: 1000px;}
#page {background: #FFFFFF;margin: 0 auto 0 auto;width: 1000px;}

/*---------------------------GESTION HEADER------------------------------*/
#header {font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif;float: left;
background-image: url(images/hat-bg3.jpg);background-repeat: no-repeat;width: 1000px;height:140px;}
#header a {position: relative;display: block;text-align: left;width: 600px;height: 121px;cursor: pointer;text-decoration: none;}
#header h1 {text-indent:-9999px;padding: 0 20px 0 0;font-size: 1em;text-align: left;margin-bottom: 180px;}
#header p {padding: 0 0px 0 0;font-size: 1em;text-align: left;}

/*---------------------------SYNDICATION-----------------------------------*/
#syndication {display: block;position: relative;float:right;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;width: 320px;left: 280px;}
.facebook {position: relative;float: right;width: 68px;height: 68px;background: url(images/btn_facebook.png);background-color: transparent;margin: 0px 0px 0px 10px;}
.twitter {position: relative;float: right;width: 68px;height: 68px;background: url(images/btn_twitter.png);background-color: transparent;margin: 0px 0px 0px 10px;}
.rss {position: relative;float: right;width: 68px;height: 68px;background: url(images/btn_rss.png);background-color: transparent;margin: 0px 0px 0px 10px;}
.email {position: relative;float: right;width: 68px;height: 68px;background: url(images/btn_mail.png);background-color: transparent;margin: 0px 0px 0px 10px;}

/*---------------------------NAVIGATION--------------------------------*/
#navbar {display: block;float: right;width: 1000px;position:absolute;}
#nav2 {font-size:1.7em ;font-family: DYLOVASTUFF, Lucida Grande, Arial, Helvetica, Sans-serif;}
#nav2, #nav2 ul {list-style: none;display: block;float: right;padding: 5px 12px 0px 0px;width: 300px;margin: 0;}
* html #navbar {margin-left: 0px;margin-right: 0px;}
#nav2 a ,#nav2 a:hover{display: block;text-decoration: none;border:none;}
#nav2 li {float: left;list-style:none;border-right:0px solid #777;}
#nav2 a,#nav2 a:visited {color: #333;padding: 60px 16px 0px 0px;}
#nav2 a:hover, #nav2 a:active{color: #FFA500;text-decoration:none;}	

/*---------------------------GESTION CONTENU-----------------------------*/
#contentWrapper {float: left;background:#fff url(images/stom-bg3.gif) repeat-y;position: relative;width: 1000px;}
#content {float: left;width: 560px;margin: 0px 0px 0px 15px;display: inherit;padding : 0px 20px 10px 20px;}
#post {float: left;width: 300px;height: 0 auto;margin: 0px 0px 0px 0px;display: inline;padding : 0px 0px 0px 0px;}
.date {font-size: 1.4em;font-weight: bold;margin: 0px 0px 0px 0px;padding: 0px 0 0px 0;color: #FFA500;}
#content h2 {margin: 0px 0px 0px 0px;padding: 0px 0 0 0;font-size: 1.7em;}
#content h2 a:hover{color: #555;}
#content h3 {color:#000;font-weight: bold;font-size: 1.2em;text-align: justify;}
.categorie {float: left;width: 430px;font-size: 1em;color: #999;padding: 0px 0 20px 0;}
.categorie2{font-size: 1em;color: #999;padding: 0 0 0px 0;}
.categorie a {color: #006699;}
.categorie a:hover {color: #FFA500;}
.commentaire {float: right;width: 130px;font-size: 0.9em;text-align: right;color: #999;}
.commentaire  a{color: #FFA500;font-weight: bold;}
.more-link {float: left;font-size: 0.9em;font-weight: bold;color: #999;padding: 0 0 0px 0;}
.post_content {border-bottom: 1px dashed #333333;font-size: 1em;color: #000;padding: 0 0 0px 0;margin: 0px 0px 15px 0px;}
.post_content a {color: #006699;}
.post_content a:hover {color: #FFA500;}
/*.article{width:570px;}*/
#article{width:560px;margin: 0 auto;}
#droite {float:right;width:340px;height: 150px;text-align:justify;vertical-align: top;}
#gauche {float:left;width:220px;height: 150px;text-align:justify;}

/*---------------------------GESTION SIDEBAR-----------------------------*/
#sidebar {width: 330px;float: right;position: relative;padding-top: 0px;padding-right: 20px;padding-bottom: 0px;padding-left: 0px;display: inherit;}
.mytweet {float: left;width: 110px;} .like {float: left;width: 320px;} .wikio {float: left;width: 130px;}
#sidebar h2 {font-family: DYLOVASTUFF, Lucida Grande, Arial, Helvetica, Sans-serif;font-weight: lighter;}
.share {float: left;margin: 0px 0px 0px 0px;width: 560px;height: 70px;padding: 0px 0px 0px 40px;}
.similar {float: left;width: 560px; margin: 0px 0px 0px 0px;padding: 30px 0px 20px 0px;}
.titlecom {float: left;margin: 0px 0px 0px 0px;width: 540px;padding: 0px 0px 0px 0px;}
/*---------------------------RECHERCHE--------------------------------*/
a.main:hover{background:none;}
.search { position: relative;float: left;width: 300px;margin: 0px;background-color: transparent;padding: 0px 0px 0px 30px;}
#searchform input {border:1px dashed #ffffff;	width:200px; background:#C0C0C0; padding:2px 10px 2px; font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em; color:#666666; float:left; margin-top:1px;margin-left: 15px;padding-left: 3px;}
#searchform input.submit {	width:40px;	height:40px; background:url(images/bk_but_search.png) 0 0 no-repeat;cursor: pointer; border:none; padding:0; margin-top:-2px;}

/*---------------------------SIDEBAR 0-----------------------------------*/
.sidebar0 {width: 330px;float: left;position: relative;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;
padding-left: 0px;margin: 0px 0px 0px 0px;display: inherit;background-color: transparent;}
.sidebar0 ul{color: #000000;list-style-type: none;margin: 0;padding: 0 0px;}
.sidebar0 a {font-size: 1.3em;color: #000;text-decoration: none;}
.sidebar0 a:hover {color: #FFF;text-decoration: none;}

/*---------------------------A PROPOS -----------------------------------*/
.about-all {font-size: 1em;text-align: justify;color: #fff; margin: 0px 0px 0px 0px;padding: 10px 20px 0 20px;}
.about {position: relative;float: left;width: 330px;margin: 0px 0px 0px 0px;background-color: transparent;padding: 0px 0px 0px 0px;}
.about h2 { font-family: DYLOVASTUFF, Lucida Grande, Arial, Helvetica, Sans-serif;font-size: 2em;font-weight:lighter;
color: #FFF;border-bottom: 1px dashed #FFFFFF;padding: 0px 0px 8px 10px;margin: 0px;}

/*---------------------------SIDEBAR 1-----------------------------------*/
.sidebar1 {position: relative;float: left;width: 330px;margin: 0px 0px 20px 0px;background-color: transparent;padding: 0px 0px 0px 0px;}
.sidebar1 ul{color:#000;list-style-type: none;margin: 0px;padding: 10px 0px 10px 0px;}
.sidebar1 h2 { font-family: DYLOVASTUFF, Lucida Grande, Arial, Helvetica, Sans-serif;font-size: 2em;font-weight:lighter;
color: #FFF;border-bottom: 1px dashed #FFFFFF;padding: 0px 0px 8px 10px;margin: 6px 0px 3px 0px;}
.sidebar1 a {font-size: 1em;color: #000;text-decoration: none;padding: 0px 0px 0px 20px;}
.sidebar1 a:hover {color: #FFF;text-decoration: none;}
.menu1 {float: left;width: 330px;height: 0 auto;margin: 0px 0px 0px 0px;background-color: transparent;padding: 0px 0px 0px 0px;}
.blogoliste {float: left;width: 155px;margin: 0px px 0px 0px;background-color: transparent;padding: 0px 0px 0px 0px;}
.archives {float: right;width: 155px;margin: 0px 0px 0px 0px;background-color: transparent;padding: 0px 0px 0px 0px;}
.partenaires {position: relative;float: left;width: 330px; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.pub ul {padding: 15px 0px 0px 15px;}
.categorieside {float: left;width: 330px;margin: 0px 0px 0px 0px;background-color: transparent;padding: 0px 0px 0px 0px;}
.categorieside h2 { font-family: DYLOVASTUFF, Lucida Grande, Arial, Helvetica, Sans-serif;font-size: 2em;font-weight:lighter;
color: #FFF;border-bottom: 1px dashed #FFFFFF;padding: 0px 0px 8px 10px;margin: 6px 0px 3px 0px;}
.categorieside .right{padding-left: 30px;}
/*---------------------------TWEET-----------------------------------*/
.tweet {color: #000;position: relative;float: left;width: 330px; margin: 0px 0px 20px 0px;padding: 0px 0px 0px 0px;}
.tweet h2{ font-family: DYLOVASTUFF, Lucida Grande, Arial, Helvetica, Sans-serif;font-size: 2em;font-weight:lighter;
color: #FFF;border-bottom: 1px dashed #FFFFFF;padding: 0px 0px 8px 10px;margin: 6px 0px 3px 0px;}

.tweet a {font-size: 1em;color: #FFF;text-decoration: none;padding: 0px 0px 0px 0px;}
.tweet a:hover {color: #FFA500;text-decoration: none;}
.tweet li {font-size: 0.9em;list-style-type: none;margin: 0px;padding: 10px 10px 10px 10px;border-bottom: 1px dotted #ffffff;list-style-position: outside}

/*---------------------------GESTION FOOTER------------------------------*/
#footer {float: left;background:#333 url(images/footer.jpg) ;font-size: 11px;margin: 0 auto;padding: 0px 0px 0px 0px;width: 100%;height: 367px;}
#footer p{text-align: left;font-size: 0.9em; color: #fff;padding: 40px 0px 0px 40px;}
#contfoot {position: relative;float:left;margin: 40px 0px 0px 35px;padding: 0px 0px 0px 0px;width: 925px;}
#footer  ul{color: #FFA500;list-style-type: none;margin: 0;padding: 0 20px;}
#footer  h2 { font-family: DYLOVASTUFF, Lucida Grande, Arial, Helvetica, Sans-serif;font-size: 2em;font-weight:lighter;
color: #FFA500;border-bottom: 1px dashed #808080;padding: 0 10px 8px 10px;margin: 12px 10px 10px 5px;}
#footer  a {font-size: 1.3em;color: #FFFFFF;text-decoration: none;}
#footer  a:hover {color: #C0C0C0;text-decoration: none;}

/*---------------------------WIDGET FOOTER------------------------------*/
.footerinside { width:280px; padding:0px; float:left; margin:20px 20px 10px 0; height:270px; } 
.footerinside p { font-style:italic; color:#555; font-size:80%; } 
.footerinside li { margin-left:0px; padding:0px 0; list-style:none; }
 
.footerinsideright { width:280px; padding:0px; float:left; margin:20px 0px 10px 0px; height:270px; } 
.footerinsideright p { font-style:italic; color:#555; font-size:80%; } 
.footerinsideright li { margin-left:0px; padding:0px 0; list-style:none; }

.populaire2 {position: relative;float: left;width: 290px; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.populaire2 li{font-size: 0.9em;list-style-type: none;margin: 0px;padding: 8px 0px 10px 10px;border-bottom: 1px dotted #ffffff;}
.populaire2 a {padding-left: 0px;list-style-position: outside}

.footerinside   ul{color: #FFA500;list-style-type: none;margin: 0;padding: 0 20px;} 
.footerinside   h2 { font-family: DYLOVASTUFF, Lucida Grande, Arial, Helvetica, Sans-serif;font-size: 2em;font-weight:lighter;color: #FFA500;
border-bottom: 1px dashed #808080;padding: 0 10px 8px 10px;margin: 12px 10px 10px 5px;}
.footerinside  a {font-size: 1.7em;color: #FFFFFF;text-decoration: none;}
.footerinside   a:hover {color: #C0C0C0;text-decoration: none;} 

.widgetside ul{color:#000;list-style-type: none;margin: 0px;padding: 10px 0px 10px 0px;}
.widgetside h2 { font-family: DYLOVASTUFF, Lucida Grande, Arial, Helvetica, Sans-serif;font-size: 2em;font-weight:lighter;color: #FFF;
border-bottom: 1px dashed #FFFFFF;padding: 0px 10px 8px 10px;margin: 6px 0px 3px 0px;}
.widgetside a {font-size: 1em;color: #000;text-decoration: none;padding: 0px 0px 0px 20px;}
.widgetside a:hover {color: #FFF;text-decoration: none;}


.top {float: left;margin: 0px 0px 0px 50px;width: 280px;padding: 10px 0px 0px 0px;}
.tag {float: left;margin: 20px 0px 0px 40px;width: 300px;text-align: justify;padding: 0px 0px 0px 0px;}
.wik{float: left;width: 90px;} .tlm{display: none;} .over {float: left;width: 80px;padding: 9px 0px 0px 5px;} .copyright {float:left;width: 180px;padding: 0px 0px 0px 10px;}
.blogonet {float: left;padding: 4px 0px 0px 5px;}
/*---------------------------GESTION COMMENTAIRES------------------------*/
.comments-template{margin: 10px 0 0 0;}
.comments-template ol{width: 560px;margin: 0px;padding: 0 0 0 0px;list-style: none;}
.comments-template ol p{font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;font-size: 1em;color: #000;margin: 10px 0px 0px 0px;padding: 5px 0px 5px 70px;}
.comments-template ol li{width: 540px;margin: 10px 0 0px 0;line-height: 15px;padding: 10px 10px 10px 10px;border-top: 1px dashed #333333;font-size: 1em;}
.comments-template h2, .comments-template h3{color:#000;font-weight: bold;font-size: 1.2em;text-align: justify;}
.commentmetadata{color:#000;font-size: 1.1em ;}
.commentmetadata2{color:#000;font-size: 1.2em ;} 
.comments-template p.nocomments{padding: 0;}
.comments-template textarea{font-family: Trebuchet MS, Arial, Hevletica, Sans-serif;font-size: 0.9em;}
.cadre_commentaires {border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}
.odd {background-color: #FFCC99;}
.comments-template cite{font-family: Arial, Hevletica, Sans-serif;font-style:normal; font-size: 1.3em;}
.track {float: left; width: 560px;}
.track ol li{padding-top: 5px;margin: 0;}
.track a{font-size: 0.9em; color: #006699;font-weight: bold;text-decoration: none;}
.track  a:hover {color: #FFA500;font-weight: bold;text-decoration: none;}
.even {background-color: #FFFFFF;color: #006699;border: 1px dashed #333;}
.even a{text-decoration:underline; color: #006699;font-weight: bold;text-decoration: none;}
.even a:hover{text-decoration:underline;color: #FFA500;text-decoration: none;}
.alt {background-color: #FFFFFF;color: #006699;border: 1px dashed #333;}
.alt a{text-decoration:underline;color: #006699;font-weight: bold;text-decoration: none;}
.alt a:hover{text-decoration:underline;color: #FFA500;text-decoration: none;}
.avatar {float: left; margin: 5px 15px 5px 5px;border: 1px solid #fff;}
.number  {float: right;font-size: 0.9em;text-decoration: none;color: #fff;}
.comment_author_link {font-size: 1.4em;}

.commentlist blockquote {color:#666666;font-size:11px;font-style:italic;margin:1px;padding:2px 10px;font-family: Georgia, serif;}
#commentform #author, #commentform #email, #commentform #url, #commentform textarea {background: #C0C0C0;border: 1px dashed #333;padding: .2em;margin: 0 0 0.5em 0;}
/*---------------------------PARTAGE--------------------------------*/

.right {float:left; width:140px;}
.left {float:left; width:140px;}

.author { background: #C0C0C0 !important;} 
/*---------------------------GESTION Font--------------------------------*/
@font-face{font-family:"DYLOVASTUFF";src:url('images/DYLOVASTUFF.ttf')}